<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>百度</title>
    </head>
    <style>
        .kk{
        
             height: 74px;
            
             margin-bottom: 143px;
        }
        .kk .haha{
            width: 700px;
            height: 74px;
            float: right;
            
        }
        .kk a{
           
            
            float: left;
            margin-right: 20px;
            margin-top: 25px;
            color: black;
            }
         .kk .o{
            background: #2319dc;
            color: seashell;
        }
        .ll{
            width: 210px;
            height: 71px;
            background: blue;
            margin: auto;
            margin-bottom: 37px;
        }
        .ll img{
            width: 210px;
            height: 71px;
            
             }
             .hh{
                 width: 642px;
                 height: 40px;
                 
                 margin: auto;
                 margin-bottom: 210px;
             }
             .hh .ki{
                 width: 540px;
                 height: 37px;
                 background: #fff;
                 border: 1px solid rgb(108, 109, 112);
                float: left;
             }
             .ki img{
                 float: right;
             }
             .hh div{
                 float: right;
                 width: 97px;
                 height: 40px;
                 background: #2319dc;
                 line-height: 37px;
                 color: seashell;
                 font-size: 16px;
                 
                 
             }
             .hh span{
                 margin-left: 20px;
             }
             .mm{
                 width: 1000px;
                 height: 157px;
                
                 margin: auto;

             }
             .mm .uu{
                 width: 59px;
                 
                 height: 60px;
                 margin: auto;
             }
             .op{
                 height: 14px;
                    width: 60px;
                    
                 margin: auto;
                 font-size: 14px;
             }
             .zhzh{
                 width: 1000px;
                 height: 150px;
                 
                 margin: auto;
                 }
                 .zhzh .popo{
                     width: 390px;
                     height: 25px;
                     margin: auto;
                     font-size: 10px;
                     
                     
                 }
                 .zhzh .popo a{
                     margin-right: 24px;
                     color: rgb(99, 96, 96);
                     
                 }
                 .jkjk{
                     width: 557px;
                     height: 50px;
                     
                     margin: auto;
                 }
                 .jkjk .ku{
                     width: 350px;
                    
                    float: left;
                 }
                 .jkjk .kp{
                     float: right;
                 }
                 .jkjk .zl{
                     font-size: 10px;
                     color: rgb(99, 96, 96);
                 }
                 .jkjk .zl a{
                    color: rgb(99, 96, 96);
                 }
                 .jkjk .zl img{
                    width: 105x;
                    height: 15px;
                    margin-left: 2px;
                 }
    </style>
    <body>
        <div class="kk">
            <div class="haha">
                <a href="">糯米</a>
           <a href="">新闻</a>
           <a href="">hao123</a>
           <a href="">地图</a>
           <a href="">视频</a>
           <a href="">贴吧</a>
           <a href="">登录</a>
           <a href="">设置</a>
           <a href="" class="o">更多产品</a>
            </div>
            
        </div>
       <div class="ll"><h1><img src="images/bd_logo1.png" alt=""></h1></div>
       <div class="hh">
        <div>
           <span>百度一下</span>
        </div>
        <div class="ki">
               <img src="images/camera_new_5606e8f.png" alt="">
               </div>
            </div>
            <div class="mm">
                <div class="uu">
                    <img src="images/zbios_efde696.png" alt="">
                    
                </div>
                <div class="op">
                    <p> 手机百度</p>
                </div>
            </div>
            <div class="zhzh">
                <div class="popo">
                    
                        <a href="">把百度设为主页</a>
                    
                    <a href="">关于百度</a>
                    <a href="">About  Baidu</a>
                    <a href="">百度推广</a>
                
                </div>
                <div class="jkjk">
                       <div class="ku">
                        <p class="zl">©2016 Baidu <a href="" class="hyt">使用百度前必读 意见反馈</a>京ICP证030173号<img src="images/ut.PNG" alt=""></p>
                       </div>
                       <div class="kp">
                           <p class="zl"><a href="" class="hyt">京公网安备11000002000001号<img src="images/ht.PNG" alt=""> </a></p>
                       </div>
                       
                </div>
                
            </div>
            
</html>